import React from 'react';
import PropTypes from 'prop-types';

const Code = props => {
    const { className, style } = props;
    return (
        <svg
            className={className}
            style={style}
            width="56px"
            height="56px"
            viewBox="0 0 56 56"
            version="1.1"
        >
            <g id="components" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
                <g id="Components-VisualPicker" transform="translate(-691.000000, -997.000000)">
                    <g id="Group-6-Copy" transform="translate(203.000000, 796.000000)">
                        <g id="Group-51" transform="translate(65.000000, 66.000000)">
                            <g id="card-3" transform="translate(380.000000, 102.000000)">
                                <g id="code" transform="translate(43.000000, 33.000000)">
                                    <path
                                        d="M55.050848,11.3898305 L55.050848,36.0677966 L0,36.0677966 L0,11.3898305 C0,9.29316737 1.69994703,7.59322034 3.79661017,7.59322034 L51.2542373,7.59322034 C51.5415784,7.59553758 51.8275291,7.62751583 52.1083819,7.68822825 C53.831965,8.08587132 55.0517743,9.62129237 55.050848,11.3898305 Z"
                                        fill="#01B6F5"
                                    />
                                    <path
                                        d="M55.0508475,36.0677966 L55.0508475,39.8644068 C55.0508475,41.9610699 53.3509004,43.6610169 51.2542373,43.6610169 L3.79661017,43.6610169 C1.69994703,43.6610169 0,41.9610699 0,39.8644068 L0,36.0677966 L55.0508475,36.0677966 Z"
                                        fill="#D8DEDF"
                                    />
                                    <path
                                        d="M47.4576271,7.59322034 L47.4576271,30.3728814 C47.4543829,31.4198226 46.6062633,32.2679422 45.559322,32.2711864 L9.49152542,32.2711864 C8.44458419,32.2679422 7.59646454,31.4198226 7.59322034,30.3728814 L7.59322034,5.69491525 L47.4576271,5.69491525 L47.4576271,7.59322034 Z"
                                        fill="#FFDE55"
                                    />
                                    <path
                                        d="M47.4576271,1.89830508 L47.4576271,5.69491525 L7.59322034,5.69491525 L7.59322034,1.89830508 C7.59646454,0.851363847 8.44458419,0.00324417966 9.49152542,0 L45.559322,0 C46.6062633,0.00324417966 47.4543829,0.851363847 47.4576271,1.89830508 Z"
                                        fill="#FF7956"
                                    />
                                    <path
                                        d="M37.9661017,52.2033898 L37.9661017,55.0508475 L17.0847458,55.0508475 L17.0847458,52.2033898 C17.0847458,51.679224 17.5097325,51.2542373 18.0338983,51.2542373 L37.0169492,51.2542373 C37.541115,51.2542373 37.9661017,51.679224 37.9661017,52.2033898 Z"
                                        fill="#BBC5C6"
                                    />
                                    <polygon
                                        fill="#C4CDCE"
                                        points="35.1186441 51.2542373 19.9322034 51.2542373 20.8813559 43.6610169 34.1694915 43.6610169"
                                    />
                                    <polygon
                                        fill="#BBC5C6"
                                        points="34.4067797 45.559322 20.6440678 45.559322 20.8813559 43.6610169 34.1694915 43.6610169"
                                    />
                                    <path
                                        d="M47.4576271,5.69491525 L47.4576271,30.3728814 C47.4543829,31.4198226 46.6062633,32.2679422 45.559322,32.2711864 L13.2881356,32.2711864 L39.8644068,5.69491525 L47.4576271,5.69491525 Z"
                                        fill="#FFCD00"
                                    />
                                    <polygon
                                        fill="#ACB5B6"
                                        points="14.2372881 54.1016949 40.8135593 54.1016949 40.8135593 56 14.2372881 56"
                                    />
                                    <polygon
                                        fill="#ACB5B6"
                                        points="49.3559322 38.9152542 51.2542373 38.9152542 51.2542373 40.8135593 49.3559322 40.8135593"
                                    />
                                    <polygon
                                        fill="#FF5023"
                                        points="10.440678 1.89830508 12.3389831 1.89830508 12.3389831 3.79661017 10.440678 3.79661017"
                                    />
                                    <polygon
                                        fill="#FFD422"
                                        points="14.2372881 1.89830508 16.1355932 1.89830508 16.1355932 3.79661017 14.2372881 3.79661017"
                                    />
                                    <polygon
                                        fill="#00CCB3"
                                        points="18.0338983 1.89830508 19.9322034 1.89830508 19.9322034 3.79661017 18.0338983 3.79661017"
                                    />
                                    <g
                                        id="Group"
                                        transform="translate(16.135593, 8.186441)"
                                        fill="#FF9811"
                                    >
                                        <path d="M5.02383475,8.62023305 L2.17637712,5.77277542 C1.80607783,5.40201271 1.80607783,4.80137712 2.17637712,4.43061441 L5.02383475,1.58315678 L6.36599576,2.9253178 L4.18961864,5.10169492 L6.36599576,7.27807203 L5.02383475,8.62023305 Z" />
                                        <path d="M17.7558263,8.62023305 L16.4136653,7.27807203 L18.5900424,5.10169492 L16.4136653,2.9253178 L17.7558263,1.58315678 L20.6032839,4.43061441 C20.9735832,4.80137712 20.9735832,5.40201271 20.6032839,5.77277542 L17.7558263,8.62023305 Z" />
                                        <polygon points="8.60957359 9.49476963 12.4071107 0.00370762712 14.1705508 0.709083627 10.3730138 10.2001456" />
                                        <polygon points="0 11.7457627 1.89830508 11.7457627 1.89830508 13.6440678 0 13.6440678" />
                                    </g>
                                    <polygon
                                        fill="#FFC477"
                                        points="19.9322034 19.9322034 25.6271186 19.9322034 25.6271186 21.8305085 19.9322034 21.8305085"
                                    />
                                    <polygon
                                        fill="#FFC477"
                                        points="18.0338983 23.7288136 21.8305085 23.7288136 21.8305085 25.6271186 18.0338983 25.6271186"
                                    />
                                    <polygon
                                        fill="#FF9811"
                                        points="23.7288136 23.7288136 27.5254237 23.7288136 27.5254237 25.6271186 23.7288136 25.6271186"
                                    />
                                    <polygon
                                        fill="#FF9811"
                                        points="14.2372881 27.5254237 25.6271186 27.5254237 25.6271186 29.4237288 14.2372881 29.4237288"
                                    />
                                </g>
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </svg>
    );
};

Code.propTypes = {
    className: PropTypes.string,
    style: PropTypes.object,
};

Code.defaultProps = {
    className: undefined,
    style: undefined,
};

export default Code;
